<template>
  <div id="personinfo">
    {{loadingtext}}<br>
    <el-radio-group v-model="mymodule" style="float:left;margin-left:0;margin-bottom:10px">
      <el-radio-button label="个人信息">
        <i class="el-icon-user-solid"></i><span>个人信息</span>
      </el-radio-button>
      <el-radio-button label="综合分析研判" :disabled="idcardnum===''" v-if="!hidemoredetail">
      <!-- 调试用1/3<el-radio-button label="综合分析研判" v-if="!hidemoredetail"> -->
        <i class="el-icon-s-claim"></i><span>综合分析研判</span>
      </el-radio-button>
      <el-radio-button label="民主生活会" :disabled="idcardnum===''" v-if="!hidemoredetail">
        <i class="el-icon-s-comment"></i><span>民主生活会</span>
      </el-radio-button>
      <el-radio-button label="年度考核" :disabled="idcardnum===''" v-if="!hidemoredetail">
        <i class="el-icon-s-opportunity"></i><span>年度考核</span>
      </el-radio-button>
      <el-radio-button label="干部监督" :disabled="idcardnum===''" v-if="!hidemoredetail">
        <i class="el-icon-camera-solid"></i><span>干部监督</span>
      </el-radio-button>
      <el-radio-button label="干部培训" :disabled="idcardnum===''" v-if="!hidemoredetail">
        <i class="el-icon-video-camera-solid"></i><span>干部培训</span>
      </el-radio-button>
    </el-radio-group>
    <el-radio-group v-model="showtype" style="float:right;margin-right:0;margin-bottom:10px" id="showtype" v-if="mymodule==='个人信息'">
      <el-radio-button label="任免审批表" type="success">
        <i class="el-icon-tickets"></i><span>任免审批表</span>
      </el-radio-button>
      <el-radio-button label="全方位多渠道了解干部" icon="el-icon-search" type="success">
        <i class="el-icon-menu"></i><span>全方位多渠道了解干部</span>
      </el-radio-button>
    </el-radio-group>
    <div class="persondetail" style="clear:both;margin-top:50px;overflow:hidden" v-if="JSON.stringify(personInfo)!=='{}'&&mymodule==='个人信息'">
      <el-tabs v-model="activeName1" v-if="showtype==='任免审批表'">
        <el-tab-pane label="任免审批表（一）" name="rmspb1">
          <table cellspacing="0" cellpadding="0" class="mytable">
            <tr>
              <th>姓名</th><td>{{personInfo.a01.a0101}}</td><th>性别</th><td>{{personInfo.a01.a0104}}</td><th>出生年月</th><td>{{text2month(personInfo.a01.a0107)}}</td>
              <td rowspan="4" style="width:110px;" class="personphoto">
                <img :src="$http.defaults.baseURL+'binfo/person/photo/'+personInfo.a01.a0000" width="120" height="150" />
              </td>
            </tr>
            <tr><th>民族</th><td>{{personInfo.a01.a0117}}</td><th>籍贯</th><td>{{personInfo.a01.a0111A}}</td><th>出生地</th><td>{{personInfo.a01.a0114A}}</td></tr>
            <tr><th>入党时间</th><td>{{text2month(personInfo.a01.a0140)}}</td><th>参加工作时间</th><td>{{text2month(personInfo.a01.a0134)}}</td><th>健康状况</th><td>{{personInfo.a01.a0128}}</td></tr>
            <tr><th>专业技术职务</th><td colspan="2">{{personInfo.a01.a0196}}</td><th>熟悉专业有何特长</th><td colspan="2">{{personInfo.a01.a0187A}}</td></tr>
            <tr><th rowspan="4">学历学位</th><th rowspan="2">全日制<br />教育</th><td colspan="2">{{personInfo.a01.qrzxl}}</td><th rowspan="2">毕业院校<br />系及专业</th><td colspan="2">{{personInfo.a01.qrzxlxx}}</td></tr>
            <tr><td colspan="2">{{personInfo.a01.qrzxw}}</td><td colspan="2">{{personInfo.a01.qrzxwxx}}</td></tr>
            <tr><th rowspan="2">在职<br />教育</th><td colspan="2">{{personInfo.a01.zzxl}}</td><th rowspan="2">毕业院校<br />系及专业</th><td colspan="2">{{personInfo.a01.zzxlxx}}</td></tr>
            <tr><td colspan="2">{{personInfo.a01.zzxw}}</td><td colspan="2">{{personInfo.a01.zzxwxx}}</td></tr>
            <tr><th colspan="2">工作单位及职务</th><td colspan="5">{{personInfo.a01.a0192A}}</td></tr>
            <tr><th>简历</th><td colspan="6" v-html="personInfo.a01.a1701"></td></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="任免审批表（二）" name="rmspb2">
          <table cellspacing="0" cellpadding="0" class="mytable">
            <tr><th>奖惩综述</th><td colspan="5">{{personInfo.a01.a14Z101}}</td></tr>
            <tr><th>年度考核<br />结果综述</th><td colspan="5">{{personInfo.a01.a15Z101}}</td></tr>
            <tr>
              <th :rowspan="personInfo.a36sshihang.length+1">家<br />庭<br />主<br />要<br />成<br />员<br />及<br />社<br />会<br />重<br />要<br />关<br />系</th>
              <th>称谓</th><th>姓名</th><th>出生日期</th><th>政治面貌</th><th>工作单位及职务</th>
            </tr>
            <tr v-for="(item, index) in personInfo.a36sshihang" :key="index" keys >
              <td>{{item.a3604A}}</td><td>{{item.a3601}}</td><td>{{text2month(item.a3607)}}</td><td>{{item.a3627}}</td><td>{{item.a3611}}</td>
            </tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="其他信息" name="qtxx">
          <table cellspacing="0" cellpadding="0" class="mytable">
            <tr>
              <th rowspan="5">其他信息</th>
              <th>是否考录</th>
              <td><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{int2sf(personInfo.a99Z1s[0].a99Z101)}}</div></td>
              <th>录用时间</th>
              <td><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{text2month(personInfo.a99Z1s[0].a99Z102)}}</div></td>
            </tr>
            <tr>
              <th>是否选调生</th>
              <td><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{int2sf(personInfo.a99Z1s[0].a99Z103)}}</div></td>
              <th>进入选调生时间</th>
              <td><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{text2month(personInfo.a99Z1s[0].a99Z104)}}</div></td>
            </tr>
            <tr><th>成长地</th><td>{{personInfo.a01.a0115A}}</td><th>级别</th><td>{{personInfo.a01.a0120}}</td></tr>
            <tr><th colspan="2">专业技术类公务员任职资格</th><td colspan="2">{{personInfo.a01.a0122}}</td></tr>
            <tr><td colspan="5"></td></tr>
            <tr><th>备注</th><td colspan="4">{{personInfo.a01.a0180}}</td></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="任职信息" name="rzxx">
          <table cellspacing="0" cellpadding="0" class="mytable mytablecol2">
            <tr><th>统计关系所在单位</th><td>{{personInfo.a01.a0195}}</td></tr>
            <tr><th>管理类别</th><td>{{personInfo.a01.a0165}}</td></tr>
            <tr><th>人员类别</th><td>{{personInfo.a01.a0160}}</td></tr>
            <tr><th>编制类型</th><td>{{personInfo.a01.a0121}}</td></tr>
            <tr><th>现职务层次</th><td>{{personInfo.a01.a0221}}</td></tr>
            <tr><th>任现职务层次时间</th><td>{{text2month(personInfo.a01.a0288)}}</td></tr>
            <tr><th>现职级</th><td>{{personInfo.a01.a0192E}}</td></tr>
            <tr><th>任现职级时间</th><td>{{text2month(personInfo.a01.a0192C)}}</td></tr>
            <tr><th>公务员登记时间</th><td>{{text2month(personInfo.a01.a2949)}}</td></tr>
            <tr><th>任相当层次职务职级时间</th><td>{{text2month(personInfo.a01.a0192X)}}</td></tr>
          </table>
        </el-tab-pane>
      </el-tabs>
      <el-tabs v-model="activeName2" v-if="showtype==='全方位多渠道了解干部'">
        <el-tab-pane label="基本信息" name="jbxx">
          <table cellspacing="0" cellpadding="0" class="mytable mytablecol2">
            <tr><th>姓名</th><td>{{personInfo.a01.a0101}}</td><th>身份证号</th><td>{{personInfo.a01.a0184}}</td>
              <td rowspan="4" style="width:110px;" class="personphoto">
                <img :src="$http.defaults.baseURL+'binfo/person/photo/'+personInfo.a01.a0000" width="120" height="150" />
              </td>
            </tr>
            <tr><th>性别</th><td>{{personInfo.a01.a0104}}</td><th>出生年月</th><td>{{text2month(personInfo.a01.a0107)}}</td></tr>
            <tr><th>民族</th><td>{{personInfo.a01.a0117}}</td><th>籍贯</th><td>{{personInfo.a01.a0111A}}</td></tr>
            <tr><th>出生地</th><td>{{personInfo.a01.a0114A}}</td><th>入党时间</th><td>{{text2month(personInfo.a01.a0140)}}</td></tr>
            <tr><th>参加工作时间</th><td>{{text2month(personInfo.a01.a0134)}}</td><th>健康状况</th><td colspan="2">{{personInfo.a01.a0128}}</td></tr>
            <tr><th>专业技术职务</th><td>{{personInfo.a01.a0196}}</td><th>熟悉专业有何特长</th><td colspan="2">{{personInfo.a01.a0187A}}</td></tr>
            <tr><th>简历</th><td colspan="4" v-html="personInfo.a01.a1701"></td></tr>
            <tr>
              <th>是否考录</th>
              <td><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{int2sf(personInfo.a99Z1s[0].a99Z101)}}</div></td>
              <th>录用时间</th>
              <td colspan="2"><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{text2month(personInfo.a99Z1s[0].a99Z102)}}</div></td>
            </tr>
            <tr>
              <th>是否选调生</th>
              <td><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{int2sf(personInfo.a99Z1s[0].a99Z103)}}</div></td>
              <th>进入选调生时间</th>
              <td colspan="2"><div v-if="personInfo.a99Z1s&&personInfo.a99Z1s.length>0">{{text2month(personInfo.a99Z1s[0].a99Z104)}}</div></td>
            </tr>
            <tr><th>成长地</th><td>{{personInfo.a01.a0115A}}</td><th>级别</th><td colspan="2">{{personInfo.a01.a0120}}</td></tr>
            <tr><th>任相当层次职务职级时间</th><td>{{text2month(personInfo.a01.a0192X)}}</td><th>备注</th><td colspan="2">{{personInfo.a01.a0180}}</td></tr>
            <tr v-if="personInfo.a30s&&personInfo.a30s.length>0">
              <th>单位减员类别</th>
              <td style="color:red;font-weight:bolder">{{personInfo.a30s[0].a3001}}</td>
              <th>退出时间</th>
              <td colspan="2" style="color:red;font-weight:bolder">{{text2month(personInfo.a30s[0].a3004)}}</td>
            </tr>
            <tr v-if="personInfo.a30s&&personInfo.a30s.length>0">
              <th>退出去向</th>
              <td style="color:red;font-weight:bolder">{{personInfo.a30s[0].a3007A}}</td>
              <th>批准单位</th>
              <td colspan="2" style="color:red;font-weight:bolder">{{personInfo.a30s[0].a3038}}</td>
            </tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="职务信息" name="zwxx">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a02s&&personInfo.a02s.length>0">
            <tr><th>任职机构名称</th><th>是否班子成员</th><th>班子成员类别</th><th>职务名称</th><th>是否领导职务</th><th>任职时间</th><th>任职文号</th><th>选拔任用方式</th><th>是否破格提拔</th><th>任职状态</th><th>免职时间</th><th>免职文号</th><th>职务变动原因综述</th><th>职务输出标识</th><th>主职务</th></tr>
            <tr v-for="(item, index) in personInfo.a02s" :key="index" keys >
              <td>{{item.a0201A}}</td><td>{{int2sf(item.a0201D)}}</td><td>{{item.a0201E}}</td><td>{{item.a0215A}}</td><td>{{int2sf(item.a0219)}}</td><td>{{text2month(item.a0243)}}</td><td>{{item.a0245}}</td><td>{{item.a0247}}</td><td>{{int2sf(item.a0251B)}}</td><td>{{item.a0255}}</td><td>{{item.a0265}}</td><td>{{item.a0267}}</td><td>{{item.a0272}}</td><td>{{int2sf(item.a0281)}}</td><td>{{int2sf(item.a0279)}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>任职机构名称</th><th>是否班子成员</th><th>班子成员类别</th><th>职务名称</th><th>是否领导职务</th><th>任职时间</th><th>任职文号</th><th>选拔任用方式</th><th>是否破格提拔</th><th>任职状态</th><th>免职时间</th><th>免职文号</th><th>职务变动原因综述</th><th>职务输出标识</th><th>主职务</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="职务层次" name="zwcc">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a05s&&personInfo.a05s.length>0">
            <tr><th>职务层次</th><th>任职状态</th><th>批准日期</th><th>批准文号</th><th>终止日期</th><th>现职级起算时间</th></tr>
            <tr v-for="(item, index) in personInfo.a05s" :key="index" keys v-show="item.a0531==='1'" >
              <td>{{item.a0501B}}</td>
              <td>{{item.a0524}}</td>
              <td>{{text2month(item.a0504)}}</td>
              <td>{{item.a0511}}</td>
              <td>{{text2month(item.a0517)}}</td>
              <td>{{text2month(item.a0530)}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>职务层次</th><th>任职状态</th><th>批准日期</th><th>批准文号</th><th>终止日期</th><th>现职级起算时间</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="职级层次" name="zjcc">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a05s&&personInfo.a05s.length>0">
            <tr><th>职级层次</th><th>任职状态</th><th>批准日期</th><th>批准文号</th><th>终止日期</th><th>现职级起算时间</th></tr>
            <tr v-for="(item, index) in personInfo.a05s" :key="index" keys v-show="item.a0531==='0'" >
              <td>{{item.a0501B}}</td>
              <td>{{item.a0524}}</td>
              <td>{{text2month(item.a0504)}}</td>
              <td>{{item.a0511}}</td>
              <td>{{text2month(item.a0517)}}</td>
              <td>{{text2month(item.a0530)}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>职级层次</th><th>任职状态</th><th>批准日期</th><th>批准文号</th><th>终止日期</th><th>现职级起算时间</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="专业技术任职资格" name="zyjsrzzg">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a06s&&personInfo.a06s.length>0">
            <tr><th>资格名称</th><th>获得日期</th><th>取得途径</th><th>评委会或考试名称</th><th>输出标识</th></tr>
            <tr v-for="(item, index) in personInfo.a06s" :key="index" keys >
              <td>{{item.a0602}}</td>
              <td>{{text2month(item.a0604)}}</td>
              <td>{{item.a0607}}</td>
              <td>{{item.a0611}}</td>
              <td>{{int2sf(item.a0699)}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>资格名称</th><th>获得日期</th><th>取得途径</th><th>评委会或考试名称</th><th>输出标识</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="学历学位" name="jyxx">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a08s&&personInfo.a08s.length>0">
            <tr><th>教育类别</th><th>学历</th><th>学位</th><th>入学日期</th><th>毕（肄）业日期</th><th>学位授予日期</th><th>学校（单位）名称</th><th>所学专业名称</th><th>学制年限</th><th>最高学历</th><th>最高学位</th><th>输出标识</th></tr>
            <tr v-for="(item, index) in personInfo.a08s" :key="index" keys >
              <td>{{item.a0837}}</td>
              <td><div v-if="item.a0834==='1'" style="font-weight:bolder;color:#060">{{item.a0801A}}</div><div v-else>{{item.a0801A}}</div></td>
              <td><div v-if="item.a0835==='1'" style="font-weight:bolder;color:#060">{{item.a0901A}}</div><div v-else>{{item.a0901A}}</div></td>
              <td>{{text2month(item.a0804)}}</td>
              <td>{{text2month(item.a0807)}}</td>
              <td>{{text2month(item.a0904)}}</td>
              <td><div v-if="item.a0834==='1'||item.a0835==='1'" style="font-weight:bolder;color:#060">{{item.a0814}}</div><div v-else>{{item.a0814}}</div></td>
              <td><div v-if="item.a0834==='1'||item.a0835==='1'" style="font-weight:bolder;color:#060">{{item.a0824}}</div><div v-else>{{item.a0824}}</div></td>
              <td>{{item.a0811}}</td>
              <td><div v-if="item.a0834==='1'" style="font-weight:bolder;color:#060">{{int2sf(item.a0834)}}</div><div v-else>{{int2sf(item.a0834)}}</div></td>
              <td><div v-if="item.a0835==='1'" style="font-weight:bolder;color:#060">{{int2sf(item.a0835)}}</div><div v-else>{{int2sf(item.a0835)}}</div></td>
              <td>{{int2sf(item.a0898)}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>教育类别</th><th>学历</th><th>学位</th><th>入学日期</th><th>毕（肄）业日期</th><th>学位授予日期</th><th>学校（单位）名称</th><th>所学专业名称</th><th>学制年限</th><th>最高学历</th><th>最高学位</th><th>输出标识</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="奖惩信息" name="jcxx">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a14s&&personInfo.a14s.length>0">
            <tr><th>奖惩名称</th><th>奖惩批准日期</th><th>奖惩批准机关名称</th><th>单位级别</th><th>职务层次</th><th>奖惩撤销日期</th><th>批准机关性质</th></tr>
            <tr v-for="(item, index) in personInfo.a14s" :key="index" keys >
              <td>{{item.a1404A}}</td><td>{{text2month(item.a1407)}}</td><td>{{item.a1411A}}</td><td>{{item.a1414}}</td><td>{{item.a1415}}</td><td>{{item.a1424}}</td><td>{{item.a1428}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>奖惩名称</th><th>奖惩批准日期</th><th>奖惩批准机关名称</th><th>单位级别</th><th>职务层次</th><th>奖惩撤销日期</th><th>批准机关性质</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="考核信息" name="khxx">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a15s&&personInfo.a15s.length>0">
            <tr><th>考核年度</th><th>考核结论</th></tr>
            <tr v-for="(item, index) in personInfo.a15s" :key="index" keys >
              <td>{{item.a1521}}</td><td>{{item.a1517}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>考核年度</th><th>考核结论</th></tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="家庭信息" name="jtxx">
          <table cellspacing="0" cellpadding="0" class="mytable" v-if="personInfo.a36s&&personInfo.a36s.length>0">
            <tr><th>称谓</th><th>姓名</th><th>出生日期</th><th>政治面貌</th><th>工作单位及职务</th></tr>
            <tr v-for="(item, index) in personInfo.a36s" :key="index" keys >
              <td>{{item.a3604A}}</td><td>{{item.a3601}}</td><td>{{text2month(item.a3607)}}</td><td>{{item.a3627}}</td><td>{{item.a3611}}</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" class="mytable" v-else>
            <tr><th>称谓</th><th>姓名</th><th>出生日期</th><th>政治面貌</th><th>工作单位及职务</th></tr>
          </table>
        </el-tab-pane>
      </el-tabs>
      <el-button type="primary" v-if="showtype==='任免审批表'" icon="el-icon-printer" style="margin:10px" @click="exportword">打印任免审批表</el-button>
    </div>
    <div style="clear:both;margin-top:50px;overflow:hidden" v-if="JSON.stringify(personInfo)!=='{}'&&mymodule==='综合分析研判'">
    <!-- 调试用2/3<div style="clear:both;margin-top:50px;overflow:hidden" v-if="mymodule==='综合分析研判'"> -->
      <ZHFXYP v-bind:personId='personInfo.a01.a0184' v-bind:personname="personInfo.a01.a0101" v-bind:unitname="personInfo.unitname" :unitcode="personInfo.unitcode"></ZHFXYP>
      <!-- 调试用3/3<ZHFXYP personId='110102196211082773' personname="何平" unitname="自然资源部不动产登记中心（自然资源部法律事务中心）" unitcode="SHH_2018.143"></ZHFXYP> -->
    </div>
    <div id="shhdetail" style="clear:both;margin-top:50px;overflow:hidden" v-if="JSON.stringify(personInfo)!=='{}'&&mymodule==='民主生活会'">
          <div v-if="personInfo.shhinfo&&personInfo.shhinfo.length>0" style="padding-top:10px;" id="personshh">
            <div style="padding-left:10px">共参加了{{personInfo.shhinfo.length}}次民主生活会：
              <el-select v-model="shhunitId" placeholder="请选择" @change="getShhinfo" style="width:500px">
                <el-option
                  v-for="(item,index) in personInfo.shhinfo"
                  :key="index"
                  :label="item.TheYear + '年度：'+ item.UnitName"
                  :value="item.sshunitId+'/'+item.IDNumber">
                </el-option>
              </el-select>
              <el-checkbox v-show="shhunitId" v-model="showbanzi">是否显示班子整改清单</el-checkbox>
            </div>
            <div class="persondetail" style="margin-top:20px" v-if="shhinfoshow">
              <el-tabs v-model="activeNameShh">
                <el-tab-pane label="自我批评" name="zwpp">
                  <el-collapse accordion>
                    <el-collapse-item v-for="(item,index) in shhinfo.ziwopiping" :key="index" :name="index" :title="item.BanziPersonName+'('+item.Zhiwu+')'">
                      <div class="shhcontenttext"><b>问题：</b>{{ item.Wenti }}</div>
                      <div class="shhcontenttext" style="padding-top:20px"><b>原因：</b>{{ item.Yuanyin }}</div>
                    </el-collapse-item>
                  </el-collapse>
                </el-tab-pane>
                <el-tab-pane label="批评别人" name="ppbr">
                  <el-collapse accordion>
                    <el-collapse-item v-for="(item,index) in shhinfo.pipingother" :key="index" :name="index" :title="item.BanziPersonName+'('+item.Zhiwu+') 批评 '+item.ToBanziPersonName+'('+item.ToZhiwu+') ' ">
                      <div class="shhcontenttext">{{ item.Wenti }}</div>
                    </el-collapse-item>
                  </el-collapse>
                </el-tab-pane>
                <el-tab-pane label="被批评" name="bpp">
                  <el-collapse accordion>
                    <el-collapse-item v-for="(item,index) in shhinfo.beipiping" :key="index" :name="index" :title="item.BanziPersonName+'('+item.Zhiwu+') 批评 '+item.ToBanziPersonName+'('+item.ToZhiwu+') ' ">
                      <div class="shhcontenttext">{{ item.Wenti }}</div>
                    </el-collapse-item>
                  </el-collapse>
                </el-tab-pane>
                <el-tab-pane label="整改清单" name="zgqd">
                  <el-collapse accordion>
                    <el-collapse-item v-for="(item,index) in shhinfo.chengyuanzhenggai" :key="index" :name="index" :title="'问题类型：'+item.Leixing">
                      <div class="shhcontenttext"><b>问题：</b>{{ item.Wenti }}</div>
                      <div class="shhcontenttext" style="padding-top:20px"><b>整改措施：</b>{{ item.Cuoshi }}</div>
                    </el-collapse-item>
                  </el-collapse>
                </el-tab-pane>
                <el-tab-pane label="班子整改清单" name="bzzgqd" v-if='showbanzi'>
                  <el-collapse accordion>
                    <el-collapse-item v-for="(item,index) in shhinfo.banzizhenggai" :key="index" :name="index" :title="'问题类型：'+item.Wentileixing">
                      <div class="shhcontenttext"><b>存在问题：</b>{{ item.Cuizaiweiti }}</div>
                      <div class="shhcontenttext" style="padding-top:20px"><b>主要原因：</b>{{ item.Zhuyaoyuanyin }}</div>
                      <div class="shhcontenttext" style="padding-top:20px"><b>整改措施：</b>{{ item.Cuoshi }}</div>
                    </el-collapse-item>
                  </el-collapse>
                </el-tab-pane>
              </el-tabs>
            </div>
          </div>
          <div v-else style="padding:20px;">无民主生活会参加记录</div>
          <div style="padding-left:20px;">{{shhloadingtext}}</div>
    </div>
    <div style="clear:both;margin-top:50px;overflow:hidden" v-if="JSON.stringify(personInfo)!=='{}'&&mymodule==='年度考核'">
      <NDKH v-bind:personId='personInfo.a01.a0184' v-bind:personname="personInfo.a01.a0101" v-bind:unitname="personInfo.unitname"></NDKH>
    </div>
    <div style="clear:both;margin-top:50px;overflow:hidden" v-if="JSON.stringify(personInfo)!=='{}'&&mymodule==='干部监督'">
      <GBJD v-bind:personId='personInfo.a01.a0184' v-bind:personname="personInfo.a01.a0101" v-bind:unitname="personInfo.unitname"></GBJD>
    </div>
    <div style="clear:both;margin-top:50px;overflow:hidden" v-if="JSON.stringify(personInfo)!=='{}'&&mymodule==='干部培训'">
      <training v-bind:personId='personInfo.a01.a0184' ></training>
    </div>
  </div>
</template>
<script>
import ZHFXYP from '@/person/ZHFXYP.vue'
import NDKH from '@/person/NDKH.vue'
import GBJD from '@/person/GBJD.vue'
import training from '@/person/training.vue'
export default {
  components: {
    ZHFXYP,
    NDKH,
    GBJD,
    training
  },
  watch: {
    personId: {
      handler (val) {
        this.personId = val
        this.getPerson(val)
      },
      // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
      immediate: true
    },
    hidemoredetail: {
      handler (val) {
        console.log(val)
      },
      // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
      immediate: true
    }
  },
  props: {
    personId: '',
    hidemoredetail: false
  },
  data () {
    return {
      idcardnum: '',
      showbanzi: false,
      mymodule: '个人信息',
      showtype: '任免审批表',
      activeName1: 'rmspb1',
      activeName2: 'jbxx',
      activeNameShh: 'zwpp',
      personInfo: {
        a01: {}
      },
      loadingtext: '',
      shhunitId: '',
      shhloadingtext: '',
      shhinfo: {},
      shhinfoshow: false,
      ziwopiping: 0,
      pipingother: 0,
      beipiping: 0,
      chengyuanzhenggai: 0,
      zhfxypYear: '',
      addyearZHFXYP: ''
    }
  },
  methods: {
    exportword () {
      let _this = this
      this.$http
        .post(_this.$http.defaults.selectionAPI + `api/selection/document/exportJmb`, _this.personInfo)
        .then(function (response) {
          if (response.data.success) {
            _this.download(response.data.result)
          } else {
            _this.$message({
              message: '生成失败:' + response.data.message,
              type: 'error'
            })
          }
        })
        .catch(function (error) {
          console.log(error)
          _this.$message({
            message: '生成失败:' + error,
            type: 'error'
          })
        })
    },
    download (fileid) {
      var downloadElement = document.createElement('a')
      downloadElement.href = this.$http.defaults.baseURL + this.$http.defaults.selectionAPI + 'api/gen/file/download?id=' + fileid
      document.body.appendChild(downloadElement)
      downloadElement.click() // 点击下载
      document.body.removeChild(downloadElement) // 下载完成移除元素
    },
    getZHFXYPinfo () {

    },
    handleClick (tab, event) {
      console.log(tab, event)
    },
    getPerson (id) {
      this.mymodule = '个人信息'
      this.shhloadingtext = ''
      this.shhinfo = {}
      this.shhunitId = ''
      this.ziwopiping = 0
      this.pipingother = 0
      this.beipiping = 0
      this.shhinfoshow = false
      console.log('调用子组建函数' + id)
      var _this = this
      this.loadingtext = '正在加载中，请稍后...'
      this.personInfo = {}
      this.$http
        .get(`/binfo/person/` + id)
        .then(function (response) {
          _this.personInfo = response.data
          _this.idcardnum = _this.personInfo.a01.a0184
          _this.loadingtext = ''
        })
        .catch(function (error) {
          console.log(error)
          _this.loadingtext = '网络获取失败'
        })
    },
    getShhinfo () {
      var _this = this
      this.shhloadingtext = '正在加载中，请稍后...'
      this.shhinfo = {}
      this.$http
        .get('/binfo/shh/' + this.shhunitId)
        .then(function (response) {
          _this.shhinfo = response.data
          _this.showbanzi = response.data.mainleader
          _this.shhloadingtext = ''
          _this.shhinfoshow = true
        })
        .catch(function (error) {
          console.log(error)
          _this.shhloadingtext = '网络获取失败'
        })
    }
  },
  mounted () {
  }
}
</script>
<style>
.persondetail{
  border:1px solid #999;
}

.persondetail .el-tabs__header{
  height: 28px;
  background: #FAFAFA;
  line-height: 30px;
  font-family: '宋体';
  padding:0 20px;
  border-bottom: 2px solid #E4E7ED !important;
  margin:0;
}
.persondetail .el-tabs__item{
  line-height: 30px;
  height: 30px;
  font-weight:bolder;
}
.persondetail .mytable{
  border-top: 1px solid #74A6CC;
  border-left: 1px solid #74A6CC;
  margin: 10px;
  width: calc(100% - 20px);
  font-size:var(--size14) !important;
  font-family: '宋体'
}
.persondetail .mytable th,
.persondetail .mytable td{
  padding: 10px;
  border-right: 1px solid #74A6CC;
  border-bottom: 1px solid #74A6CC;
  vertical-align:top;
  line-height: 150%;
  height: 22px;
}
.persondetail .mytable th{
  background:#C0DCF1;
  width:120px;
  vertical-align: middle;
}
.persondetail .mytablecol2 th{
  width:130px !important;
}
.personphoto{
  background: #999;
}
.personphoto img{
  background-color: black;
  border: 6px solid white;
  box-shadow: 1px 1px 5px #333333;
}
.el-dialog__body{
  padding-top:0 !important;
}
#personinfo .el-radio-group .el-radio-button{
  font-size:14px;
}
.el-dialog__title{
  font-size:var(--size14) !important;
  font-weight: bolder;
  font-family: '宋体'
}
/* #personshh .el-tabs__header{
  padding:0;
  background: #FDF5E6
}
#personshh .el-tabs{
  margin-top:20px;
} */
#personshh .el-collapse-item__header{
  font-size:var(--size16) !important;
  font-family: '宋体';
  font-weight: bolder;
  padding-left:20px;
}
#personshh .el-collapse-item__header.is-active{
  color:#00f
}
#personshh .el-collapse-item__content{
  font-size:var(--size14) !important;
  font-family: '宋体';
}
#personshh .shhcontenttext{
  font-size:var(--size18) !important;
  padding:0 20px;
}
#showtype .el-radio-button__orig-radio:checked+.el-radio-button__inner{
  background:#67C23A;
  border-color:green

}
#showtype .el-radio-button__inner{
  color:green !important
}
#showtype .el-radio-button__orig-radio:checked+.el-radio-button__inner{
  color:#fff !important
}
.persondetail .el-table th {
    font-weight: normal;
    background-image: -webkit-gradient(linear , left top, left bottom , from(#f8f8f8), to(#efefef));
    background-image: linear-gradient(to bottom , #f8f8f8, #efefef);
    height: 35px;
}
.persondetail .upload-demo .el-upload{ float: left;margin:10px;overflow:hidden}
.persondetail .upload-demo .el-upload-list{ float: left;}
#personinfo .is-disabled .el-radio-button__inner{
  background-color: #eee !important;
}
#personinfo .is-disabled .el-radio-button__inner{
  color:#999 !important;
}
</style>
